/* 常用样式封装 */
.cu-scroll-row{width:100%;white-space:nowrap;}
.cu-scroll-row-item{display:inline-block;}
/* 1.cu-颜色 */
/* 背景颜色 */
// 渐变背景色
.cu-bg-t2b{background-image: linear-gradient($main-theme-color, $secondary-theme-color);}
.cu-bg-l2r{background-image: linear-gradient(to right, $main-theme-color, $secondary-theme-color);}
.cu-bg-lt2rb{background-image: linear-gradient(to bottom right,$main-theme-color, $secondary-theme-color);}
.cu-bg-lb2rt{background-image: linear-gradient(to top right,$main-theme-color, $secondary-theme-color);}
.cu-bg-rt2lb{background-image: linear-gradient(to bottom left,$main-theme-color, $secondary-theme-color);}
.cu-bg-rb2lt{background-image: linear-gradient(to top left,$main-theme-color, $secondary-theme-color);}

/* 边框颜色 */
/* 文本颜色 */

/*阴影*/
.cu-shadow-sm {box-shadow:0 2rpx 4rpx rgba(114, 130, 138, 0.2)!important;}
.cu-shadow {box-shadow:8rpx 16rpx rgba(114, 130, 138, 0.2)!important;}
.cu-shadow-lg {box-shadow:0 16rpx 48rpx rgba(114, 130, 138, 0.2) !important;}

/*定位*/
.cu-position-absolute{position:absolute;}
.cu-position-fixed{position:fixed;}
.cu-position-relative{position:relative;}
.cu-left-0{left:0;}
.cu-top-0{top:0;}
.cu-bottom-0{bottom:0;}
.cu-right-0{right:0;}
.cu-ovr-hdn{overflow: hidden;}
.cu-ovr-hdn-x{overflow-x: hidden;}
.cu-ovr-hdn-y{overflow-y: hidden;}
.cu-ovr-x{overflow-x:auto;}
.cu-ovr-y{overflow-y:auto;}
/* 文字溢出显示... */
.cu-text-ovr-ellipsis{text-overflow:ellipsis;}
.cu-visibility-none{visibility: none;}

.cu-z1{z-index: 1;}
.cu-z2{z-index: 2;}
.cu-z3{z-index: 3;}
.cu-z9{z-index: 9;}
.cu-z99{z-index: 99;}
.cu-z-1{z-index: -1;}
.cu-z-2{z-index: -2;}
.cu-z-3{z-index: -3;}
.cu-z-9{z-index: -9;}
.cu-z-99{z-index: -99;}

/*宽高*/
.cu-w-100{width:100%;}
.cu-w-50{width:50%;}
.cu-h-100{height:100%;}
.cu-h-50{width:50%;}
/* 字体 */
.cu-font{font-size:$uni-font-size-base;}
.cu-font-sm{font-size:$uni-font-size-sm;}
.cu-font-lg{font-size:$uni-font-size-lg;}
.cu-font-big{font-size:$uni-font-size-big;}
.cu-font-weight{font-weight:bold !important;}
.cu-font-weight-100{font-weight:100!important;}

.cu-line-h0{line-height:0!important;}
.cu-line-h{line-height:1!important;}
.cu-line-h-sm{line-height:1.2!important;}
.cu-line-h-md{line-height:1.5!important;}
.cu-line-h-lg{line-height:2!important;}
.cu-line-h-big{line-height:3 !important;}

.cu-text-center{text-align:center;}
.cu-text-left{text-align:left;}
.cu-text-right{text-align:right}
.cu-row {box-sizing:border-box !important; display:flex !important; flex-direction:row;flex-wrap:wrap;}
[class*='cu-col-'], [class*='cu-span-'], [class*='cu-span24-'] {min-height:1rpx;box-sizing:border-box !important;}

.cu-float-l{float: left;}
.cu-float-r{float: right;}
.cu-clearfix::after {content: "";display: table;clear: both;}
.cu-clear-l{clear: left;}
.cu-clear-r{clear: right;}
.cu-clear-b{clear: both;}

/*栅栏一*/
.cu-co1-1{width:62.5rpx;}
.cu-col-2{width:125rpx;}
.cu-co1-3{width:187.5rpx;}
.cu-col-4{width:250rpx;}
.cu-col-5{width:312.5rpx;}
.cu-col-6{width:375rpx;}
.cu-co1-7{width:437.5rpx;}
.cu-co1-8{width:500rpx;}
.cu-co1-9{width:562.5rpx;}
.cu-col-10{width:625rpx;}
.cu-co1-11{width:687.5rpx;}
.cu-col-12{width:750rpx;}

/*栅栏二*/
.cu-span-1{width:5%;}
.cu-span-2{width:10%;}
.cu-span-3{width:15%;}
.cu-span-4{width:20%;}
.cu-span-5{width:25%;}
.cu-span-6{width:30%;}
.cu-span-7{width:35%;}
.cu-span-8{width:40%;}
.cu-span-9{width:45%;}
.cu-span-10{width:50%;}
.cu-span-11{width:55%;}
.cu-span-12{width:60%;}
.cu-span-13{width:65%;}
.cu-span-14{width:70%;}
.cu-span-15{width:75%;}
.cu-span-16{width:80%;}
.cu-span-17{width:85%;}
.cu-span-18{width:90%;}
.cu-span-19{width:95%;}
.cu-span-20{width:100%;}

/*栅栏三*/
.cu-span24-1{width:4.17%;}
.cu-span24-2{width:8.33%;}
.cu-span24-3{width:12.5%;}
.cu-span24-4{width:16.67%;}
.cu-span24-5{width:20.83%;}
.cu-span24-6{width:25%;}
.cu-span24-7{width:29.17%;}
.cu-span24-8{width:33.33%;}
.cu-span24-9{width:37.5%;}
.cu-span24-10{width:41.67%;}
.cu-span24-11{width:45.83%;}
.cu-span24-12{width:50%;}
.cu-span24-13{width:54.17%;}
.cu-span24-14{width:58.33%;}
.cu-span24-15{width:62.5%;}
.cu-span24-16{width:66.67%;}
.cu-span24-17{width:70.83%;}
.cu-span24-18{width:75%;}
.cu-span24-19{width:79.17%;}
.cu-span24-20{width:83.33%;}
.cu-span24-21{width:87.5%;}
.cu-span24-22{width:91.67%;}
.cu-span24-23{width:95.83%;}
.cu-span24-24{width:100%;}

/* flex布局*/
.cu-d-flex{display:flex;}
.cu-d-block{display:block;}
.cu-d-inline-block{display:inline-block;}
.cu-flex-1{flex:1;}
.cu-flex-column{flex-direction:column;}
.cu-flex-row{flex-direction:row;}
.cu-flex-wrap{flex-wrap:wrap;}
.cu-flex-nowrap{flex-wrap:nowrap;}
.cu-flex-shrink{flex-shrink:inherit;}
.cu-j-start{justify-content:flex-start;}
.cu-j-center{justify-content:center;}
.cu-j-end{justify-content:flex-end;}
.cu-j-sb{justify-content:space-between;}
.cu-a-center{align-items:center;}
.cu-a-start{align-items:flex-start;}
.cu-a-end{align-items:flex-end;}
.cu-a-stretch{align-items:stretch;}
.cu-a-baseline{align-items:baseline;}
.cu-a-self-start{align-self:flex-start;}
.cu-a-self-auto{align-self:auto;}
.cu-a-self-end{align-self:flex-end;}
.cu-a-self-stretch{align-self:stretch;}
.cu-a-self-baseline{align-self:baseline;}
/* flex布局 父容器自适应子容器高度 但不能设置子容器height属性 */
.cu-flex-grow{flex-grow: 1;}

.cu-border-box{box-sizing: border-box;}

/* border */
.cu-border{border-width:1rpx;  border-style:solid; border-color:$main-theme-color;}
.cu-border-top{border-top-width:1rpx;  border-top-style:solid; border-top-color:$main-theme-color;}
.cu-border-right{border-right-width:1rpx;  border-right-style:solid; border-right-color:$main-theme-color;}
.cu-border-bottom{border-bottom-width:1rpx; border-bottom-style:solid; border-bottom-color:$main-theme-color;}
.cu-border-left{border-left-width:1rpx;  border-left-style:solid; border-left-color:$main-theme-color;}
.cu-border-0{border-width:0;}
.cu-border-top-0{border-top-width:0;}
.cu-border-right-0{border-right-width:0;}
.cu-border-bottom-0{border-bottom-width:0;}
.cu-border-left-0{border-left-width:0;}

.cu-border-radius-2{border-radius: 2%;}
.cu-border-radius-5{border-radius: 5%;}
.cu-border-radius-10{border-radius: 10%;}
.cu-border-radius-20{border-radius: 20%;}
.cu-border-radius-30{border-radius: 30%;}
.cu-border-radius-40{border-radius: 40%;}
.cu-border-radius-50{border-radius: 50%;}

.cu-border-r-10{border-radius: 10rpx;}
.cu-border-r-20{border-radius: 20rpx;}
.cu-border-r-30{border-radius: 30rpx;}
.cu-border-r-40{border-radius: 40rpx;}
.cu-border-r-50{border-radius: 50rpx;}

.cu-border-primary{border-color:$uni-color-primary !important}
.cu-border-secondary{border-color:$uni-color-secondary !important}
.cu-border-success{border-color:$uni-color-success !important}
.cu-border-danger{border-color:$uni-color-danger !important}
.cu-border-warning{border-color:$uni-color-warning !important}
.cu-border-info{border-color:$uni-color-info !important}
.cu-border-light{border-color:$uni-color-light !important}
.cu-border-dark{border-color:$uni-color-dark !important}
.cu-border-white{border-color:$uni-color-white !important}
.cu-border-main{border-color:$main-theme-color !important}
.cu-border-light-secondary{border-color:#F1F1F1!important;}

.cu-rounded{border-radius:5rpx;}
.cu-rounded-circle{border-radius:100%;}
.cu-rounded-0{border-radius:0;}

/* color */
.cu-text-primary{color:$uni-color-primary !important;}
.cu-text-secondary{color:$uni-color-secondary !important;}
.cu-text-success{color:$uni-color-success !important;}
.cu-text-danger{color:$uni-color-danger !important;}
.cu-text-warning{color:$uni-color-warning !important;}
.cu-text-info{color:$uni-color-info !important;}
.cu-text-light{color:$uni-color-light !important;}
.cu-text-dark{color:$uni-color-dark !important;}
.cu-text-muted{color:$uni-color-muted!important;}
.cu-text-light-muted{color:$uni-color-lightmuted !important;}
.cu-text-white{color:$uni-color-white !important;}
.cu-text-main{color:$main-theme-color !important;}
.cu-text-secondary{color:$secondary-theme-color !important;}
.cu-text-des{color:$uni-color-des !important;}

.cu-bg-primary{background-color:$uni-color-primary !important;}
.cu-bg-secondary{background-color:$uni-color-secondary !important;}
.cu-bg-success{background-color:$uni-color-success!important;}
.cu-bg-danger{background-color:$uni-color-danger!important;}
.cu-bg-warning{background-color:$uni-color-warning !important;}
.cu-bg-info{background-color:$uni-color-info !important;}
.cu-bg-light{background-color:$uni-color-light !important;}
.cu-bg-dark{background-color:$uni-color-dark !important;}
.cu-bg-white{background-color:$uni-color-white !important;}
.cu-bg-light-secondary{background-color:#F1F1F1!important;}
.cu-bg-separator{background-color:$main-separator-color !important;}
.cu-bg-main{background-color:$main-bg-color !important;}

/* Spacing */
.cu-m-0 {margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;}
.cu-m {margin-left:5rpx;margin-right:5rpx;margin-top:5rpx;margin-bottom:5rpx;}
.cu-m-10 {margin-left:10rpx;margin-right:10rpx;margin-top:10rpx;margin-bottom:10rpx }
.cu-m-20 {margin-left:20rpx;margin-right:20rpx; margin-top:20rpx;margin-bottom:20rpx }
.cu-m-30 {margin-left:30rpx;margin-right:30rpx;margin-top:30rpx;margin-bottom:30rpx;}
.cu-m-40{margin-left:40rpx;margin-right:40rpx;margin-top:40rpx;margin-bottom:40rpx }
.cu-m-50 {margin-left:50rpx;margin-right:50rpx;margin-top:50rpx;margin-bottom:50rpx;}
.cu-mx-0 {margin-left:0;margin-right:0;}
.cu-mx {margin-left:5rpx;margin-right:5rpx;}
.cu-mx-10 {margin-left:10rpx;margin-right:10rpx;}
.cu-mx-20 {margin-left:20rpx;margin-right:20rpx;}
.cu-mx-30 {margin-left:30rpx;margin-right:30rpx;}
.cu-mx-40{margin-left:40rpx;margin-right:40rpx;}
.cu-mx-50{margin-left:50rpx;margin-right:50rpx;}

.cu-my-0 {margin-top:0;margin-bottom:0;}
.cu-my {margin-top:5rpx;margin-bottom:5rpx;}
.cu-my-10 {margin-top:10rpx;margin-bottom:10rpx }
.cu-my-20 {margin-top:20rpx;margin-bottom:20rpx }
.cu-my-30 {margin-top:30rpx;margin-bottom:30rpx }
.cu-my-40 {margin-top:40rpx;margin-bottom:40rpx }
.cu-my-50 {margin-top:50rpx;margin-bottom:50rpx }

.cu-mt-0 {margin-top:0;}
.cu-mt {margin-top:5rpx;}
.cu-mt-auto {margin-top:auto;}
.cu-mt-10 {margin-top:10rpx }
.cu-mt-20 {margin-top:20rpx;}
.cu-mt-30 {margin-top:30rpx;}
.cu-mt-40 {margin-top:40rpx;}
.cu-mt-50 {margin-top:50rpx;}

.cu-ml-0 {margin-left:0;}
.cu-ml {margin-left:5rpx;}
.cu-ml-auto {margin-left:auto;}
.cu-ml-10 {margin-left:10rpx;}
.cu-ml-20 {margin-left:20rpx;}
.cu-ml-30 {margin-left:30rpx;}
.cu-ml-40 {margin-left:40rpx;}
.cu-ml-50 {margin-left:50rpx;}
		
.cu-mr-0 {margin-right:0;}
.cu-mr {margin-right:5rpx;}
.cu-mr-auto {margin-right:auto;}
.cu-mr-10 {margin-right:10rpx;}
.cu-mr-20 {margin-right:20rpx;}
.cu-mr-30 {margin-right:30rpx;}
.cu-mr-40 {margin-right:40rpx;}
.cu-mr-50 {margin-right:50rpx;}

.cu-mb-0 {margin-bottom:0;}
.cu-mb {margin-bottom:5rpx;}
.cu-mb-auto {margin-bottom:auto;}
.cu-mb-10 {margin-bottom:10rpx }
.cu-mb-20 {margin-bottom:20rpx;}
.cu-mb-30 {margin-bottom:30rpx;}
.cu-mb-40 {margin-bottom:40rpx;}
.cu-mb-50 {margin-bottom:50rpx;}

.cu-p-0 {padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;}
.cu-p {padding-left:5rpx;padding-right:5rpx;padding-top:5rpx;padding-bottom:5rpx;}
.cu-p-10{padding-left:10rpx;padding-right:10rpx;padding-top:10rpx;  padding-bottom:10rpx }
.cu-p-20{padding-left:20rpx;padding-right:20rpx; padding-top:20rpx;  padding-bottom:20rpx }
.cu-p-30{padding-left:30rpx;padding-right:30rpx;padding-top:30rpx;padding-bottom:30rpx;}
.cu-p-40{padding-left:40rpx;padding-right:40rpx;padding-top:40rpx;padding-bottom:40rpx }
.cu-p-50{padding-left:50rpx;padding-right:50rpx;padding-top:50rpx;padding-bottom:50rpx;}
.cu-px-0 {padding-left:0;padding-right:0;}
.cu-rpx {padding-left:5rpx;padding-right:5rpx;}
.cu-px-10 {padding-left:10rpx;padding-right:10rpx;}
.cu-px-20 {padding-left:20rpx;padding-right:20rpx;}
.cu-px-30 {padding-left:30rpx;padding-right:30rpx;}
.cu-px-40{padding-left:40rpx;padding-right:40rpx;}
.cu-px-50{padding-left:50rpx;padding-right:50rpx;}

.cu-py-0 {padding-top:0;padding-bottom:0;}
.cu-py {padding-top:5rpx;padding-bottom:5rpx;}
.cu-py-10 {padding-top:10rpx;padding-bottom:10rpx }
.cu-py-20 {padding-top:20rpx;padding-bottom:20rpx }
.cu-py-30 {padding-top:30rpx;padding-bottom:30rpx }
.cu-py-40 {padding-top:40rpx;padding-bottom:40rpx }
.cu-py-50 {padding-top:50rpx;padding-bottom:50rpx }

.cu-pt-0 {padding-top:0;}
.cu-pt {padding-top:5rpx;}
.cu-pt-auto {padding-top:auto;}
.cu-pt-10 {padding-top:10rpx;}
.cu-pt-20 {padding-top:20rpx;}
.cu-pt-30 {padding-top:30rpx;}
.cu-pt-40 {padding-top:40rpx;}
.cu-pt-50 {padding-top:50rpx;}
.cu-pt100 {padding-top:100%;}

.cu-pl-0 {padding-left:0;}
.cu-pl {padding-left:5rpx;}
.cu-pl-auto {padding-left:auto;}
.cu-pl-10 {padding-left:10rpx;}
.cu-pl-20 {padding-left:20rpx;}
.cu-pl-30 {padding-left:30rpx;}
.cu-pl-40 {padding-left:40rpx;}
.cu-pl-50 {padding-left:50rpx;}

.cu-pr-0 {padding-right:0;}
.cu-pr {padding-right:5rpx;}
.cu-pr-auto {padding-right:auto;}
.cu-pr-10 {padding-right:10rpx;}
.cu-pr-20 {padding-right:20rpx;}
.cu-pr-30 {padding-right:30rpx;}
.cu-pr-40 {padding-right:40rpx;}
.cu-pr-50 {padding-right:50rpx;}

.cu-pb-0 {padding-bottom:0;}
.cu-pb {padding-bottom:5rpx;}
.cu-pb-auto {padding-bottom:auto;}
.cu-pb-10 {padding-bottom:10rpx;}
.cu-pb-20 {padding-bottom:20rpx;}
.cu-pb-30 {padding-bottom:30rpx;}
.cu-pb-40 {padding-bottom:40rpx;}
.cu-pb-50 {padding-bottom:50rpx;}